<%--
  Created by IntelliJ IDEA.
  User: E550
  Date: 2017/8/19
  Time: 10:28
  To change this template use File | Settings | File Templates.
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <c:import url="/WEB-INF/jsp/frontend/head.jsp" />
    <c:import url="/WEB-INF/jsp/frontend/script.jsp" />
    <c:import url="/WEB-INF/jsp/frontend/index/head.jsp" />
    <c:import url="/WEB-INF/jsp/frontend/index/script.jsp" />

    <title>首页</title>
</head>
<body>
<div class="progress index-progress">
    <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100">
        <span class="sr-only">45% Complete</span>
    </div>
</div>
<script type="text/javascript">
    $(".progress-bar").animate({'width':'20%'},200);
</script>
<div class="head">
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed brand" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="<spring:url value="/" /> " class="navbar-brand" style="color: #ffffff">
                    <img class="index-header-logo" src="<spring:url value="/images/logo/logo_white.png" />"/>
                </a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown loginMenu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                           aria-expanded="false">${sessionUser==null?"登陆注册":"个人中心"}<span
                                class="glyphicon glyphicon-menu-down"></span></a>
                        <ul class="dropdown-menu">
                            <c:choose>
                                <c:when test="${empty sessionUser}">
                                    <li><a href="<spring:url value="/loginPage" />">登录</a></li>
                                    <li><a href="<spring:url value="/registerPage" />">注册</a></li>
                                </c:when>
                                <c:otherwise>
                                    <li><a href="<spring:url value="/personalCenter/index/${sessionUser.userId}"/>" class="">个人中心</a></li>
                                    <li><a href="<spring:url value="/wallet/index"/>" class="">优得钱包</a></li>
                                    <li><a href="<spring:url value="/logout" />">退出登陆</a></li>
                                </c:otherwise>
                            </c:choose>

                            <%--<li><a href="#">Action</a></li>--%>
                            <%--<li><a href="#">Another action</a></li>--%>
                            <%--<li role="separator" class="divider"></li>--%>
                            <%--<li><a href="#">Something else here</a></li>--%>
                            <%--<li role="separator" class="divider"></li>--%>
                            <%--<li><a href="#">Separated link</a></li>--%>
                        </ul>
                    </li>
                    <%--<li class="divideBar"></li>--%>
                    <%--<li class="dropdown">--%>
                    <%--<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="glyphicon homeMenu"></span></a>--%>
                    <%--<ul class="dropdown-menu">--%>
                    <%--<li><a href="#">Action</a></li>--%>
                    <%--<li><a href="#">Another action</a></li>--%>
                    <%--<li role="separator" class="divider"></li>--%>
                    <%--<li><a href="#">Something else here</a></li>--%>
                    <%--<li role="separator" class="divider"></li>--%>
                    <%--<li><a href="#">Separated link</a></li>--%>
                    <%--</ul>--%>
                    <%--</li>--%>
                </ul>
            </div>
        </div>
    </nav>

    <script type="text/javascript">
        $(".progress-bar").animate({'width':'40%'},200);
    </script>

    <%--<ul class="menu-bar">--%>
        <%--<li><a href="#st-panel-2" class="menu-bar-panel">理念</a></li>--%>
        <%--<li class="divideBar"></li>--%>
        <%--<li><a href="#st-panel-3" class="menu-bar-panel">学说</a></li>--%>
        <%--<li class="divideBar"></li>--%>
        <%--<li><a href="#st-panel-4" class="menu-bar-panel">社区</a></li>--%>
        <%--<li class="divideBar"></li>--%>
        <%--<li><a href="#st-panel-5" class="menu-bar-panel">产品</a></li>--%>
    <%--</ul>--%>
</div>
<div class="st-container" id="st_container">
    <input name="pages" type="radio" id="st-control-1" checked="checked">
    <label for="st-control-1" class="menu-bar-panel">首页</label>
    <input name="pages" type="radio" id="st-control-2">
    <label for="st-control-2" class="menu-bar-panel">理念</label>
    <input name="pages" type="radio" id="st-control-3">
    <label for="st-control-3" class="menu-bar-panel">学说</label>
    <input name="pages" type="radio" id="st-control-4">
    <label for="st-control-4" class="menu-bar-panel">社区</label>
    <input name="pages" type="radio" id="st-control-5">
    <label for="st-control-5" class="menu-bar-panel">产品</label>
    <script type="text/javascript">
        $(".progress-bar").animate({'width':'60%'},200);
    </script>
    <div class="st-scroll" id="st-scroll">
        <section class="st-panel" id="st-panel-1">
            <div class="content1">
                <a href="<spring:url value="/" /> ">
                    <img src="<spring:url value="/images/logo/logo_big.png" />"/>
                </a>
            </div>
        </section>

        <section class="st-panel" id="st-panel-2">
            <div class="content2">
                <div class="caption">理念</div>
                <div class="introduction">
                    在自我肯定需求理论之上搭建的社区论坛EDU论坛是我们学习相应知识、理论，交流自己意见观点的自由空间，在这里我们不仅能对已有的理论进行一番深入的了解和探讨，还将在此基础之上挖掘新的内涵。
                    <br><br>
                    EDU论坛将成为EDU币讨论交流社区，对EDU币充满兴趣的爱好者能够在这里听到持有者的声音，EDU币持有者可以在此进行相应的信息交流和价值讨论，共同维护EDU币的正常发行流通和扩大EDU币的影响。
                </div>
                <a href="http://ethfans.org/posts/wtf-is-the-blockchain" class="about-section">了解区块链</a>
                <div class="download-book"><a
                        href="<spring:url value="/download?path=/EDUwhitepaper0.2.1.pdf" />">下载白皮书</a></div>
            </div>
        </section>

        <section class="st-panel" id="st-panel-3">
            <div class="bg3"></div>
            <div class="content3">
                <div class="caption">Conscious AI</div>
                <div class="introduction">
                    武汉大学教授蔡恒进于2012年在论文《中国崛起的历史定位与发展方式转变的切入点》中正式提出自我肯定需求理论，成为认知科学的理论之一，
                    只要有可能，人对自己的评价一般高于他认知范围内的平均水平，在分配环节他更希望得到高于自己评估的份额。这种需求我们称之为自我肯定需求。
                    <br><br>
                    在人工智能飞速发展的时代，自我肯定需求的理论意义和实际作用将会何去何从？我们将从历史的长河中娓娓道来，向未来的浩瀚里缓缓驶去。
                </div>
                <a href="http://www.conscious-ai.com/" class="about-theory">了解我们<br>的学说</a>
            </div>
        </section>

        <script type="text/javascript">
            $(".progress-bar").animate({'width':'80%'},200);
        </script>
        <section class="st-panel" id="st-panel-4">
            <div class="bg4"></div>
            <div class="content4">
                <div class="caption">EDU 论坛</div>
                <div class="introduction">
                    在自我肯定需求理论之上搭建的社区论坛EDU论坛是我们学习相应知识、理论，交流自己意见观点的自由空间，在这里我们不仅能对已有的理论进行一番深入的了解和探讨，还将在此基础之上挖掘新的内涵。
                    <br><br>
                    EDU论坛将成为EDU币讨论交流社区，对EDU币充满兴趣的爱好者能够在这里听到持有者的声音，EDU币持有者可以在此进行相应的信息交流和价值讨论，共同维护EDU币的正常发行流通和扩大EDU币的影响。
                </div>
                <a href="<spring:url value="/community" />" class="join-us">加入<br>我们</a>
            </div>
        </section>

        <section class="st-panel" id="st-panel-5">
            <div class="content5">
                <div class="caption">EDU Wallet</div>
                <div class="introduction">
                    以太坊的目的是基于脚本、竞争币和链上元协议概念进行整合和提高，使得开发者能够创建任意的基于共识的、可扩展的、标准化的、特性完备的、易于开发的和协同的应用。
                    <br><br>
                    基于以太坊发行的EDU币是一套有生命力的自治智能生态系统的基础，采用以加密和共识算法为核心的去中心化的区块链技术，具备公开透明、安全可信的良好品质。基于EDU币我们开发了相应的EDU钱包进行相应代币操作。
                    <br><br>
                    未来的世界是意识形态为上的世界，自我肯定需求理论的价值支持了EDU社区的建立和EDU币的发行，在EDU币构建的智能生态系统下我们将向文明的新篇章迈进。
                </div>
                <a href="<spring:url value="/download?path=/geth-win.rar" />" class="download-wallet">下载 Geth<br>for
                    Windows</a>
                <a href="<spring:url value="/download?path=/geth-linux.rar" />" class="download-wallet-linux">下载
                    Geth<br>for
                    Linux</a>

                <%--<a href="" class="about-more">使用手册</a>--%>
            </div>
            <div class="footer">Copyright@A.L.T 2017</div>
        </section>
    </div>
    <script type="text/javascript">
        $(".progress-bar").animate({'width':'100%'},200,function () {
            setTimeout(function () {
                $(".index-progress").css({"display":"none"});
            },500)
        });
    </script>
</div>

<script type="text/javascript">
    window.onload = function() {
        //配置
        var config1 = {
            vx: 4,  //小球x轴速度,正为右，负为左
            vy: 4,  //小球y轴速度
            height: 2,  //小球高宽，其实为正方形，所以不宜太大
            width: 2,
            count: 80,      //点个数
            color: "255,255,255",  //点颜色
            stroke: "188,187,187",      //线条颜色
            dist: 6000,    //点吸附距离
            e_dist: 20000,   //鼠标吸附加速距离
            border_radius: 20,
            max_conn: 1   //点到点最大连接数
        };
        var config2 = {
            vx: 4,  //小球x轴速度,正为右，负为左
            vy: 4,  //小球y轴速度
            height: 2,  //小球高宽，其实为正方形，所以不宜太大
            width: 2,
            count: 80,      //点个数
            color: "255,255,255",  //点颜色
            stroke: "188,187,187",      //线条颜色
            dist: 6000,    //点吸附距离
            e_dist: 20000,   //鼠标吸附加速距离
            border_radius: 20,
            max_conn: 1   //点到点最大连接数
        };
        var config3 = {
            vx: 4,  //小球x轴速度,正为右，负为左
            vy: 4,  //小球y轴速度
            height: 2,  //小球高宽，其实为正方形，所以不宜太大
            width: 2,
            count: 80,      //点个数
            color: "255,255,255",  //点颜色
            stroke: "188,187,187",      //线条颜色
            dist: 6000,    //点吸附距离
            e_dist: 20000,   //鼠标吸附加速距离
            border_radius: 20,
            max_conn: 1   //点到点最大连接数
        };
        var config4 = {
            vx: 4,  //小球x轴速度,正为右，负为左
            vy: 4,  //小球y轴速度
            height: 2,  //小球高宽，其实为正方形，所以不宜太大
            width: 2,
            count: 80,      //点个数
            color: "255,255,255",  //点颜色
            stroke: "188,187,187",      //线条颜色
            dist: 6000,    //点吸附距离
            e_dist: 20000,   //鼠标吸附加速距离
            border_radius: 20,
            max_conn: 1   //点到点最大连接数
        };
        var config5 = {
            vx: 4,  //小球x轴速度,正为右，负为左
            vy: 4,  //小球y轴速度
            height: 2,  //小球高宽，其实为正方形，所以不宜太大
            width: 2,
            count: 80,      //点个数
            color: "255,255,255",  //点颜色
            stroke: "188,187,187",      //线条颜色
            dist: 6000,    //点吸附距离
            e_dist: 20000,   //鼠标吸附加速距离
            border_radius: 20,
            max_conn: 1   //点到点最大连接数
        };

        var body1 = document.getElementById("st-panel-1");
        var body2 = document.getElementById("st-panel-2");
        var body3 = document.getElementById("st-panel-3");
        var body4 = document.getElementById("st-panel-4");
        var body5 = document.getElementById("st-panel-5");

        CanvasParticle(config1,body1);
        CanvasParticle(config2,body2);
        CanvasParticle(config3,body3);
        CanvasParticle(config4,body4);
        CanvasParticle(config5,body5);
    }
</script>
</body>
</html>
